<%--
  Created by IntelliJ IDEA.
  User: ZhuChunXiao
  Date: 2017/5/25
  Time: 15:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
  String path = request.getContextPath();
  String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
  String realPath = request.getServletContext().getRealPath("/");
  String newPath = realPath.replace('\\','/');
  String jsessionid = session.getId();
%>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>上海图书馆转换工具</title>

  <!--STYLESHEET-->
  <!--=================================================-->

  <!--Open Sans Font [ OPTIONAL ] -->
  <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin" rel="stylesheet">

  <!--Bootstrap Stylesheet [ REQUIRED ]-->
  <link href="../resource/core/css/bootstrap.min.css" rel="stylesheet">

  <!--Nifty Stylesheet [ REQUIRED ]-->
  <link href="../resource/core/css/nifty.min.css" rel="stylesheet">

  <!--Page Load Progress Bar [ OPTIONAL ]-->
  <link href="../resource/core/plugins/pace/css/pace.min.css" rel="stylesheet">

  <!--Themify Icons [ OPTIONAL ]-->
  <link href="../resource/core/themify-icons/themify-icons.min.css" rel="stylesheet">

  <!--Magic Checkbox [ OPTIONAL ]-->
  <link href="../resource/core/plugins/magic-check/css/magic-check.min.css" rel="stylesheet">

  <!-- bootstrap-select -->
  <link href="../resource/core/plugins/bootstrap-select/1.10.0/css/bootstrap-select.min.css" rel="stylesheet">

  <!-- font-awesome -->
  <link href="../resource/core/plugins/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">

  <!-- dialog -->
  <link href="../resource/core/plugins/bootstrap-dialog/1.35.2/css/bootstrap-dialog.min.css" rel="stylesheet">

  <!-- jqGrid -->
  <link href="../resource/core/plugins/jqGrid/5.1.1/css/ui.jqgrid-bootstrap.css" rel="stylesheet">

  <!-- ztree -->
  <link href="../resource/core/plugins/ztree/3.5.24/css/metroStyle/metroStyle.css" rel="stylesheet">

  <!--Bootstrap Datepicker [ OPTIONAL ]-->
  <link href="../resource/core/plugins/bootstrap-datepicker/bootstrap-datepicker.min.css" rel="stylesheet">

  <!--Select2 [ OPTIONAL ]-->
  <link href="../resource/core/plugins/select2/css/select2.min.css" rel="stylesheet">

  <!-- uploadify CSS -->
  <link rel="stylesheet" type="text/css" media="screen" href="../resource/core/plugins/uploadify/uploadify.css">

  <!--Full Calendar [ OPTIONAL ]-->
  <link href="../resource/core/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet">
  <link href="../resource/core/plugins/fullcalendar/nifty-skin/fullcalendar-nifty.min.css" rel="stylesheet">

  <!-- clockpicker CSS -->
  <link rel="stylesheet" type="text/css" media="screen" href="../resource/core/plugins/clockpicker/bootstrap-clockpicker.min.css">

  <!--Summernote [ OPTIONAL ]-->
  <link href="../resource/core/plugins/summernote/summernote.min.css" rel="stylesheet">

  <!--app core-->
  <link href="../resource/core/css/core/app-core.css" rel="stylesheet">

  <!--def css-->
  <link href="../resource/core/css/form.css" rel="stylesheet">

  <!--im chat-->
  <link href="../resource/core/css/core/myChat.css" rel="stylesheet">



  <!--JAVASCRIPT-->
  <!--=================================================-->

  <!--jQuery [ REQUIRED ]-->
  <script src="../resource/core/js/jquery-2.2.4.min.js"></script>

  <!--BootstrapJS [ RECOMMENDED ]-->
  <script src="../resource/core/js/bootstrap.min.js"></script>

  <!--Nifty Admin [ RECOMMENDED ]-->
  <script src="../resource/core/js/nifty.js"></script>
  <%--<script src="../resource/core/js/nifty.min.js"></script>--%>

  <!--Page Load Progress Bar [ OPTIONAL ]-->
  <script src="../resource/core/plugins/pace/js/pace.min.js"></script>

  <!--Bootstrap Select [ OPTIONAL ]-->
  <script src="../resource/core/plugins/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
  <script src="../resource/core/plugins/bootstrap-select/1.10.0/js/i18n/defaults-zh_CN.min.js"></script>

  <!-- jsrender -->
  <script src="../resource/core/plugins/jsview/0.9.8/jsrender.min.js"></script>

  <!-- dialog -->
  <script src="../resource/core/plugins/bootstrap-dialog/1.35.2/js/bootstrap-dialog.min.js"></script>
  <script src="../resource/core/plugins/bootstrap-dialog/1.35.2/js/i18n/defaults-zh_CN.js"></script>

  <!-- jqGrid -->
  <script src="../resource/core/plugins/jqGrid/5.1.1/js/jquery.jqGrid.min.js"></script>
  <script src="../resource/core/plugins/jqGrid/5.1.1/js/i18n/grid.locale-cn.js"></script>

  <!-- validation -->
  <script src="../resource/core/plugins/jquery-validation/1.15.0/jquery.validate.min.js"></script>
  <script src="../resource/core/plugins/jquery-validation/1.15.0/i18n/messages_zh.min.js"></script>

  <!-- ztree -->
  <script src="../resource/core/plugins/ztree/3.5.24/js/jquery.ztree.all.min.js"></script>

  <!--Bootstrap Datepicker [ OPTIONAL ]-->
  <script src="../resource/core/plugins/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
  <script src="../resource/core/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>

  <!--Select2 [ OPTIONAL ]-->
  <script src="../resource/core/plugins/select2/js/select2.min.js"></script>

  <!-- uploadify -->
  <script src="../resource/core/plugins/uploadify/jquery.uploadify.min.js"></script>
  <!-- hpj包装的文件上传插件 -->
  <script src="../resource/core/plugins/uploadify/upload.js"></script>

  <!--Full Calendar [ OPTIONAL ]-->
  <script src="../resource/core/plugins/fullcalendar/lib/moment.min.js"></script>
  <script src="../resource/core/plugins/fullcalendar/lib/jquery-ui.custom.min.js"></script>
  <script src="../resource/core/plugins/fullcalendar/fullcalendar.js"></script>
  <script src="../resource/core/plugins/fullcalendar/lang-all.js"></script>

  <!--clockpicker [ OPTIONAL ]-->
  <script src="../resource/core/plugins/clockpicker/bootstrap-clockpicker.min.js"></script>

  <!--Summernote [ OPTIONAL ]-->
  <script src="../resource/core/plugins/summernote/summernote.min.js"></script>
  <!-- include summernote-ko-KR -->
  <script src="../resource/core/plugins/summernote/lang/summernote-zh-CN.js"></script>

  <!-- easy-pie-chart -->
  <script src="../resource/core/plugins/easy-pie-chart/jquery.easypiechart.min.js"></script>

  <!--app core-->
  <script src="../resource/core/js/core/app-core.js"></script>
  <script src="../resource/core/js/core/app-config.js"></script>
  <script src="../resource/core/js/core/app-common.js"></script>
  <!-- ueditor js-->
  <script type="text/javascript" charset="utf-8" src="../resource/core/plugins/ueditor/ueditor.config.js"></script>
  <script type="text/javascript" charset="utf-8" src="../resource/core/plugins/ueditor/ueditor.all.min.js"> </script>

  <!--im-->
  <%--<script src="http://app.cloopen.com/im50/ytx-web-im-min-new.js"></script>--%>
  <%--<script src="../resource/core/js/im/emoji.js"></script>--%>
  <%--<script src="../resource/core/js/im/MD5.min.js"></script>--%>
  <%--<script src="../resource/core/js/im/myChat.js"></script>--%>

  <%-- show big image --%>
  <script src="../resource/core/js/showImg/jquery.mousewheel.pack.js"></script>
  <script src="../resource/core/js/showImg/jquery.fancybox.pack.js"></script>
  <script src="../resource/core/js/showImg/jquery.fancybox-buttons.js"></script>
  <script src="../resource/core/js/showImg/jquery.fancybox-thumbs.js"></script>
  <link rel="stylesheet" type="text/css" href="../resource/core/js/showImg/jquery.fancybox.css?v=2.1.5" media="screen" />
  <link rel="stylesheet" type="text/css" href="../resource/core/js/showImg/jquery.fancybox-buttons.css?v=2.1.5" media="screen" />
  <link rel="stylesheet" type="text/css" href="../resource/core/js/showImg/jquery.fancybox-thumbs.css?v=2.1.5" media="screen" />

  <%--echarts--%>
  <script src="../resource/core/js/echarts/echarts.common.min.js"></script>
</head>
<div id="page-content">
  <div class="row">

    <div class="col-lg-12">
      <div class="panel">
        <div class="panel-heading">
          <h3 class="panel-title">上海图书馆转换工具</h3>
        </div>
        <div class="panel-body">
          <div class="form-inline">
            <div class="row">
              <div class="col-sm-12 table-toolbar-left">
                <btn id="btn_upload_excel" class="btn btn-primary btn-sm">
                  <i class="ti-plus"> </i> 上传excel
                </btn>
                <btn id="btn_template_download" class="btn btn-primary btn-sm">
                  <i class="ti-plus"> </i> 模板下载
                </btn>
                <form action = "<%=path%>/common/file/downloadTemplate" id="myForm">
                  <input type="hidden" id="filepath" name="filepath" />
                  <input type="hidden" id="fileFullName" name="fileFullName" />
                </form>
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>

  </div>
</div>




<script type="text/javascript">
    //上传excel
    $('#btn_upload_excel').click(function(){

        __open_dialog_select('上传excel', '<%=path%>/common/file/importExcelDialog', function (dialogRef) {
            dialogRef.close();

        });
    });

    //下载模板
    $('#btn_template_download').click(function() {
        var path1 = '<%=newPath%>';
        $('#filepath').val(path1+"/static/core/"+encodeURIComponent("excel转pdf模板.xls") );
        $('#fileFullName').val(encodeURIComponent("excel转pdf模板.xls"));
        $('#myForm').submit();
    });


</script>


